<template>
    <view class="navigation-container" :style="'height: ' + navigationBarHeight + 'px;background-color:' + bgColor">
        <view class="slot-class" :style="'padding-top: ' + menuPaddingTop + 'px;'">
            <slot></slot>
        </view>
    </view>
</template>

<script>
const globalData = getApp().globalData;
export default {
    data() {
        return {
            menuPaddingTop: globalData.menuPaddingTop,
            menuHeight: globalData.menuHeight,
            menuPaddingRight: globalData.menuPaddingRight,
            menuPaddingLeft: globalData.menuPaddingLeft,
            navigationBarHeight: globalData.navigationBarHeight
        };
    },
    props: {
        bgColor: {
            type: String
        }
    },
    methods: {},
    created: function () {}
};
</script>
<style>
.navigation-container {
    position: relative;
}
</style>
